<block name="header">
    <div class="header">
        <div class="container">
            <div class="logo">
                <img src="__PUBLIC__/Green/images/logo.png" alt="" />
            </div>
            <span class="menu"></span>
            <div class="top-menu">
                <ul>
                <volist name="navigation" id='nav'>
                    <li><a class="<eq name='nav.selected' value='1'>active</eq> scroll hvr-shutter-out-horizontal" href="{$nav.url|get_nav_url}"  target="<eq name='nav.target' value='1'>_blank<else/>_self</eq>">{$nav.title}</a></li>
                </volist>
                <if condition="is_login()">
                     <li><a style="font-size: 16px; padding-right: 6px;" href="{:U('User/index')}" id="car_top_msg">{:get_nickname()}</a><a style="color: #fff;padding: 0px; font-size: 16px;"" href="{:U('User/logout')}">退出</a></li>
                <else/>
                    <li><a class="scroll hvr-shutter-out-horizontal" href="javascript:void(0);" id="car_top_msg">登陆/注册</a></li>
                </if>
                 </ul> 
                </div>
            <!-- script for menu -->
            <script>
            $("span.menu").click(function() {
                $(".top-menu").slideToggle("slow", function() {
                    // Animation complete.
                });
            });
            $(window).resize(function() {
            	if($(window).width()>800){
            		$(".top-menu").css("display","block");
            		$(".header").css("height","88px");
            	}else{
            		$(".top-menu").css("display","none");
            		$(".header").css("height","auto");
            	}	
            	
            });
            </script>
            <!-- script for menu -->
            <div class="clearfix"></div>
        </div>
    </div>
</block>    